<template>
  <div>home</div>
  <!-- <div>{{ username }}</div>
  <div>{{ nickname }}</div> -->
</template>

<script lang="ts">
import { ref, defineComponent } from "vue";
import { useStore } from "vuex";
export default defineComponent({
  name: "Home",
  setup() {
    const store = useStore();
    const userInfo = store.state.userInfo;
    const { username, nickname } = userInfo.username;
    console.log(username, nickname);
    const msg = ref("hello router");
    return { msg, username, nickname };
  },
});
</script>

<style lang="scss" scoped>
</style>